<#if (subtype?? && subtype == "reportdesign") || (element?? && element.chartProperties?? && element.chartProperties.linkdata == false)>
<div class="ukefu ${element.id!''}"data-type="element" style="<#if element?? && element.chartProperties??><#if element.chartProperties.bgcolor??>background-color:${element.chartProperties.bgcolor};</#if><#if element.chartProperties.noborder == true>border:0px;</#if></#if>">
	<#if (subtype?? && subtype == "reportdesign")  || (element?? && element.chartProperties?? && element.chartProperties.showtitle == true)>
	<div class="ukefu-title" id="t_${element.id!''}" style="<#if subtype?? && subtype == "reportdesign" && element?? && element.chartProperties?? && element.chartProperties.showtitle == false>position: absolute;top:0px;left:0px;</#if>z-index:100;width:100%;height:auto;padding:0px;" data-type="element" data-mid="${element.id!''}" data-dsid="${element.tableid!''}" data-templet="${element.chartemplet!''}">
		<div <#if element?? && element.chartProperties?? && element.chartProperties.showtitle == false>class="ukefu-title-name"</#if> style="<#if element?? && element.chartProperties?? && element.chartProperties.titleborder == true>border-bottom:1px solid #D7D7D7;</#if>padding:5px 10px 5px 10px;<#if element?? && element.chartProperties?? && element.chartProperties.titlecolor?? && element.chartProperties.titlecolor != "">color:${element.chartProperties.titlecolor};</#if><#if element?? && element.chartProperties?? && element.chartProperties.titlesize??  && element.chartProperties.titlesize != "">font-size:${element.chartProperties.titlesize}px</#if>">
			<div style="<#if element?? && element.chartProperties?? && element.chartProperties.titlebold != "">font-weight:600;</#if>">${element.name!''}</div>
			<#if element?? && element.chartProperties?? && element.chartProperties.subtitle && element.chartProperties.subtitlecontent?? && element.chartProperties.subtitlecontent != ""><div style="<#if element?? && element.chartProperties?? && element.chartProperties.subtitlecolor?? && element.chartProperties.subtitlecolor != "">color:${element.chartProperties.subtitlecolor};</#if><#if element?? && element.chartProperties?? && element.chartProperties.subtitlesize??  && element.chartProperties.subtitlesize != "">font-size:${element.chartProperties.subtitlesize}px</#if>">${element.chartProperties.subtitlecontent!''}</div></#if>
		</div>
		<#if element?? && element.chartProperties?? && element.chartProperties.exporting>
		<div style="position: absolute;right: 5px;top: 5px;" id="exp_${element.id!''}" data-color="<#if element?? && element.chartProperties?? && element.chartProperties.titlecolor?? && element.chartProperties.titlecolor != "">${element.chartProperties.titlecolor}</#if>" data-id="${element.id!''}"  data-mid="${element.id!''}" data-publishedid="<#if publishedReport??>${publishedReport.id!''}<#else></#if>" class="exp_btn">
			
		</div>
		</#if>
		<#if subtype?? && subtype == "reportdesign">
		<div class="ukefu-design-btn">
			<span class="layui-btn layui-btn-danger layui-btn-sm ukefu-btn-small" style="margin-left:5px;">
				<a href="javascript:void(0)" data-toggle="tip" data-title="请确认是否从页面中删除组件？" data-callback="deletemodel('${element.id!''}')"  target="_blank" class="ukefu-report-design">删除</a>
			</span>
			<span class="layui-btn layui-btn-normal layui-btn-sm ukefu-btn-small" style="">
				<a  data-id="${element.id!''}" href="/apps/report/design/modeldesign.html?tabid=data&id=${element.id!''}" target="_blank"  class="ukefu-report-design">设计</a>
			</span>
		</div>
		</#if>
	</div>
	</#if>
	<div  id="${element.id!''}" >
	<div class="ukefu-content" style="overflow: auto;">
		<div class="ukefu-model no-padding ukefu-element-ajax" data-id="${element.id!''}" data-url="/apps/report/design/getelement.html?id=${element.id!''}&publishedid=<#if publishedReport??>${publishedReport.id!''}<#else></#if>" id="elementdiv_${element.id!''}" >	
			<div class="ukefu-empty" style="text-align: center;line-height: 100px;height:250px;">
				<i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 50px;">&#xe63d;</i>
			</div>
		</div>                                 
	</div>
	</div>
</div>
<script>
	$(document).ready(function(){
		<#if element?? && element.chartProperties?? && element.chartProperties.time?? && element.chartProperties.time != "">
		setInterval(function(){
		</#if>
		loadURL("/apps/report/design/getelement.html?id=${element.id!''}&publishedid=<#if publishedReport??>${publishedReport.id!''}<#else></#if>&"+$("#report_search").serialize(),"#elementdiv_${element.id!''}");
		<#if element?? && element.chartProperties?? && element.chartProperties.time?? && element.chartProperties.time != "">
		},${element.chartProperties.time});
		</#if>
	});
</script>
</#if>